<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档对象的方法</title>
</head>
<body>
   <div class="one">
       <p id="one">这是第一个段落</p>
       <p name="two">这是第二个段落</p>
       <p>这是第三个段落</p>
   </div> 
</body>
<script type="text/javascript">
    // document.open();
    // document.write("hello");
    // document.write("world");
    // document.writeln("nihao");//会自动添加换行符，其他和write方法一样
    // document.writeln("牛逼");
    // document.write("<p>这是一个段落</p>");
    // document.close();
    
    //获取节点
    var idpone=document.getElementById("one");
    console.log("idpone="+idpone);
    var idponeanothermethod=document.querySelector("#one");
    console.log("idponeanothermethod="+idponeanothermethod);
    var div=document.getElementsByClassName("one");
    var divmethodtwo=document.querySelector(".one");
    console.log("div="+div);
    console.log("divmethodtwo="+divmethodtwo);
    var divmehtodthree=document.getElementsByTagName("div");
    console.log("divmehtodthree="+divmehtodthree);
    var divmethodfour=document.querySelectorAll("div");
    console.log("divmethodfour="+divmethodfour);
    var ptwo=document.getElementsByName("two");
    console.log("ptwo="+ptwo);
</script>
</html>